/*
 * @Author: nengwu 409791297@qq.com
 * @Date: 2020-07-01 18:21:47
 * @LastEditors: mylesshie@gmail.com
 * @LastEditTime: 2020-09-26 23:01:42
 * @description: 
 */ 
import { StyleSheet } from 'react-native'
import px from '@/libs/px'

const styles = StyleSheet.create({
  wrap: {
    flex: 1,
    position: 'relative'
  },
  container: {
    flex: 1,
  },
  top: {
    justifyContent: 'center',
    alignItems: 'center',
    paddingTop: px(44)
  },
  closeBtn: {
    position: 'absolute',
    right: 30,
    top: 20,
    zIndex: 10
  }, 
  logo: {
    width: px(490),
    height: px(300)
  },
  formWrap: {
    width: px(600),
    marginLeft: 'auto',
    marginRight: 'auto',
    marginTop: px(100)
  },
  loginBtn: {
    width: px(600),
    marginLeft: 'auto',
    marginRight: 'auto',
    backgroundColor: '#D2363A',
    marginTop: px(100)
  },
  btnText: {
    color: '#fff',
    fontSize: 18
  },
  tabWrapStyle: {
    backgroundColor: '#333',
    borderColor: '#f00'
  },
  tabUnderline: {
    backgroundColor: '#D2363A',
    height: px(4),
  },
  tabStyle: {
    backgroundColor: '#fff'
  },
  tabContainer: {
    elevation: 0
  },

  tabTextStyle: {
    fontSize: px(32),
    color: '#97989C'
  },
  activeTextStyle: {
    fontSize: px(32),
    color: '#D2363A'
  },
  inputWrap: {
    marginTop: px(80)
  },
  smsBtnText: {
    color: '#D2363A'
  },
  smsBtnDisable: {
    color: '#ccc'
  },
  registBtn: {
    marginLeft: 'auto',
    marginRight: 'auto'
  },
  registText: {
    color: '#D2363A'
  },
  thirdLoginBox: {
    marginTop: px(50),
    textAlign: 'center',
    alignItems: 'center'
  },
  thirdBoxTitle: {
    fontSize: px(20),
    color: '#ccc'
  },
  loginTypes: {
    flexDirection: 'row',
    marginTop: px(50),
    justifyContent: 'space-around',
    alignItems: 'center'
  },
  loginItem: {
    width: px(150),
    justifyContent: 'center',
    alignItems: 'center'
  },
  loginItemIconBox: {

  },
  loginItemIcon: {
    width: px(80),
    height: px(80)
  },
  loginName: {
    fontSize: px(20),
    marginTop: px(10),
    color: '#999'
  }
})

export default styles